<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a4j="http://richfaces.org/a4j" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich">

	<ui:define name="body">
		<rich:panel>
			<f:facet name="header">Datos del punto</f:facet>
			<h:panelGrid columns="1" id="mensaje">
				<h:messages id="mensajes" />
			</h:panelGrid>
			<h:panelGrid columns="2">
				<h:outputText value="Humedal: "  styleClass="th150" style="font-size:12px;"></h:outputText>
				<h:outputText value="#{consultaPuntos.humedal.nombre}" style="font-size:12px;"></h:outputText>
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<h:outputText value="Tipo" styleClass="th150"></h:outputText>
				<h:selectOneMenu value="#{edicionPunto.tipo}" styleClass="td100" style=" width : 304px;">
					<f:selectItem itemLabel="" itemValue="4" />
					<f:selectItem itemLabel="Cata" itemValue="1" />
					<f:selectItem itemLabel="Piezómetro Corto" itemValue="2" />
					<f:selectItem itemLabel="Piezómetro Profundo" itemValue="3" />


				</h:selectOneMenu>
			</h:panelGrid>
			<h:panelGrid columns="9">

				<h:outputText value="Código" styleClass="th150"></h:outputText>
				<h:inputText value="#{edicionPunto.codigo}"></h:inputText>

				<rich:spacer width="200px;"></rich:spacer>

				<h:outputText value="Fecha Alta" styleClass="th80"></h:outputText>
				<rich:calendar id="fechaAlta" value="#{edicionPunto.fechaAlta}"
					styleClass="td80" datePattern="dd/MM/yyyy"></rich:calendar>
			</h:panelGrid>
			<rich:spacer height="20px;"></rich:spacer>
			<h:panelGrid columns="8">

				<h:outputText value="Coordenadas:" styleClass="th150"></h:outputText>
				<h:outputText value="X" styleClass="th20"></h:outputText>
				<h:inputText value="#{edicionPunto.x}" styleClass="td100">
					<a4j:support event="onblur" reRender="mensajes,mensaje"></a4j:support>
				</h:inputText>
				<h:outputText value="Y" styleClass="th20"></h:outputText>
				<h:inputText value="#{edicionPunto.y}" styleClass="td100">
					<a4j:support event="onblur" reRender="mensajes,mensaje"></a4j:support>
				</h:inputText>
				<h:outputText value="Z" styleClass="th20"></h:outputText>
				<h:inputText value="#{edicionPunto.z}" styleClass="td100">
					<a4j:support event="onblur" reRender="mensajes,mensaje"></a4j:support>
				</h:inputText>
			</h:panelGrid>
			<rich:spacer height="20px;"></rich:spacer>
			<h:panelGrid columns="2">
				<h:outputLabel value="Profundidad Máxima" styleClass="th150"></h:outputLabel>
				<h:inputText value="#{edicionPunto.profundidadMax}"
					styleClass="td50">
					<a4j:support event="onblur" action="#{edicionPunto.compruebaValor}" reRender="mensajes,mensaje"></a4j:support>	
				</h:inputText>
			</h:panelGrid>
		</rich:panel>
	</ui:define>

	<ui:define name="botonera">

		<h:panelGrid columns="1" styleClass="botones">
			<h:commandButton value="" title="Guardar" styleClass="boton guardar"
				action="#{edicionPunto.guardar}" />
				<h:outputText value="Guardar" styleClass="boton_texto"></h:outputText>
		</h:panelGrid>
	</ui:define>

</ui:composition>